<template>
	<div>
		<div class="retrie">
			<div class="brand">
				<img src="../../assets/wbh-brandsh.png.png" >
				<h3>品牌搜索</h3>
			</div>
			<div class="Search">
				<input type="text" placeholder="请输入内容" v-model="value">
				<router-link :to="'/archel/'+value">
					<button type="button">搜索</button>
				</router-link>
			</div>
		</div>
		<!-- <div v-for="(item,index) in search.ItemList" :key="index">
			<img :src="item.Logo">
			<p>{{item.Name}}</p>
			<p>查看详情</p>
		</div> -->
	</div>
</template>

<script>
	// import {GetSearch} from '@/api/Searchel.js'
	export default {
		data(){
			return{
				search:[],
				value:'',
			}
		},
		// methods:{
		// 	sea(){
		// 		GetSearch( this.value)
		// 		.then(res=>{
		// 			this.search = res.data.Data;
		// 			console.log(this.search)
		// 		})
		// 	}
		// }
	}
</script>

<style>
	.retrie{
		text-align: center;
		background-color: #FFFFFF;
		padding: 100px 0 320px;
	}

	.retrie .brand h3{
		font-size: 35px;
		color: #2e384d;
		margin-top: 15px;
	}
	.retrie .Search{
		margin-top: 30px;
		text-align: center;
	}
	.retrie .Search input{
		width: 360px;
		height: 36px;
		border: 1px solid #b9c3d2;
		text-indent: 10px;
		outline: none;
	}
	.retrie .Search input::placeholder{
		color: #606266;
	}
	.retrie .Search input:focus{
		border: 1px solid #5830a0;
	}
	.retrie .Search button{
		width: 80px;
		height: 37px;
		color: #FFFFFF;
		background-color: #5830a0;
		border: none;
		font-size: 12px;
		cursor: pointer;
	}
</style>